<template>
   <div>
    <newPageHeader></newPageHeader>
    <div class="success-container">
      <div>
        <img src="../../../static/payment/succesIcon.png" />
      </div>
      <h3 class="success-title">提交成功</h3>
      <p class="success-message">请耐心等待审核结果!</p>
    </div>
    <newPageFooter></newPageFooter>
   </div>
  </template>

  <script>
import newPageHeader from '../../../components/page/engineering5188/new-page-header.vue';
import newPageFooter from '../../../components/page/engineering5188/new-page-footer.vue';

export default {
    name:"Successful",
    components:{
        newPageHeader,
        newPageFooter
    },
};
</script>
<style scoped lang="less">
.success-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 664px;
  background-color: #fff;
}

.success-icon {
  color: #67c23a;
}

.success-title {
  margin-top: 20px;


  width: 80px;
height: 28px;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 20px;
color: #000000;

text-align: center;
font-style: normal;
text-transform: none;

}

.success-message {
  margin-top: 10px;
 
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: #000000;

text-align: center;
font-style: normal;
text-transform: none;
}

</style>